<template>
<div class="tw-h-full tw-w-full ">
    <div class="tw-mt-2 tw-pl-2" v-for="(i,idx)  in config" :key="idx">
            <q-input v-if="!['true','false','True','False',true,false].includes(i[1])" v-model="i[1]" :label="i[0]"></q-input>
            <q-checkbox v-else v-model="i[1]" :label="i[0]"></q-checkbox>
    </div>
</div>
</template>

<script setup >
import { ref } from 'vue'
const props = defineProps({
    config: {
        type: Object,
        required: true
    }
    })

    // object to array
    let config = ref(Object.entries(props.config))

</script>